<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<%@include file="header.jsp" %>
</head>
<body>
	<form action="" method="post">
		<!-- 快递公司编号<input type="text" name="ShipperCode" value="EMS"> -->
		快递公司单号<input type="text" name="LogisticCode" value="1154890385693">
		<input type="button" value="提交" onclick="kdfind()">
	</form>
	<div id="carousel">
			<div>
			<td>快递单号:{{kdselect.LogisticCode}}</td>
			</div>
			<div>
			<td>快递公司:{{kdselect.ShipperCode}}</td>
			<td>快递公司名称:{{kdselect.ShipperName}}</td>
			</div>
			<div>
			<td>运单状态:</td>
			<template>
			<div v-if="kdselect.State=='0'">
  					<td>无轨迹 </td>
			</div>
			<div v-if="kdselect.State=='1'">
  					<td>已揽收  </td>
			</div>
			<div v-if="kdselect.State=='2'">
  					<td>在途中  </td>
			</div>
			<div v-if="kdselect.State=='3'">
  					<td>签收  </td>
			</div>
			</template>
			</div>
			<div>
			<td>物流轨迹:</td>
			</div>
			<div v-for="kd in kdselect.Traces">
			<td>{{kd.AcceptStation}}</td>
			<td>{{kd.AcceptTime}}</td> 
			</div>
	</div>
</body>
<script type="text/javascript">
	
function kdfind() {
	var ShipperCode =$('[name="ShipperCode"]').val();
	//alert(ShipperCode);
	var LogisticCode =$('[name="LogisticCode"]').val();
	alert(LogisticCode);
	$.post("KdSelect",{"LogisticCode":LogisticCode},function(data){
		alert(LogisticCode);
    		var kd = new Vue({
   		    el: '#carousel',
   		    data: {
   		    	kdselect: data
   		    },
   		})  
   	},"json");
};	
</script>
</html>